.tabbar {
  z-index: 9999;
  box-shadow: 0 -4px 20px rgba(196, 197, 200, 0.2);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  @apply w-750px h-120px  bg-white fixed bottom-0 right-0 left-0 flex flex-row items-center justify-between;
}
.tabbar-placeholder {
  // 120是tabbar高度
  height: 120px;
  height: calc(constant(safe-area-inset-bottom) + 120px);
  height: calc(env(safe-area-inset-bottom) + 120px);
}
// 弹弹
.pop-container {
  border-radius: 32px 32px 0px 0px;
  height: 0;
  transition: height ease-in 0.3s;
  z-index: 9997;
  // 120是tabbar高度
  padding-bottom: 120px;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 120px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 120px);
  @apply px-30px bg-white w-690px box-content fixed bottom-0 left-0 right-0;
  .tag-item-wrap {
    @apply mt-32px grid grid-cols-4 gap-x-20px gap-y-25px;
    .tag-item {
      font-family: "Microsoft YaHei";
      border: 1px solid #dee2ee;
      @apply font-normal text-28px text-hex-1d2737 w-160px h-64px box-border rounded-4px text-center leading-62px flex-none;
      &.current {
        border: 1px solid #1a8cff;
        @apply text-hex-1A8CFF bg-hex-F1FBFF;
      }
    }
  }
  &.show-pop {
    height: 581px;
  }
}
